html, body{
    background-color: #ececec !important;
    width: 100vw;
    height: 100vh;
}

.answer{
    .answer-card-wrapper{
        width: 1532px;
        height: 700px;
        margin: 110px auto 0;

        .my-answer-card{
            height: 700px;

            .ant-list-pagination{
                display: none;
            }

            .answer-sheet-list{
                padding: 24px;
                height: 542px;
        
                .answer-sheet-option-father{
                    display: flex;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font-size: 100%;
                    font: inherit;
                    vertical-align: baseline;
                    list-style: none;
        
                    .hasBeenAnswer {
                        background: #36aafd;
                        color: #fff !important;
                        border: 1px solid #36aafd !important;
                    }
            
                    a{
                        margin: 5px;
                        cursor: pointer;
                        display: block;
                        width: 25px;
                        height: 25px;          
                        text-align: center;
                        line-height: 25px;
                        text-decoration: none;
                        color: black;
                        border: 1px solid #bbb;
                        border-radius: 2px;
                        transition: all .3s;
                    }
            
                    a:hover{
                        color: #fff;
                        background-color: #36aafd;
                        border: 1px solid #36aafd;
                    }
                }
            }

            .question-tips-card{
                position: absolute;
                bottom: 0;
                border-top: 1px solid #f0f0f0;
                width: 100%;
        
                ul {
                    display: flex;
                    justify-content: space-around;
                    margin: 0;
        
                    li:nth-of-type(odd){
                        width: 20px;
                        height: 20px;
                    }
        
                    li:nth-of-type(1){
                        background-color: #36aafd;
                        border: 1px solid #36aafd
                    }
        
                    li:nth-of-type(3){
                        border: 1px solid #aaa;
                    }
                }
            }

            .item-questionType{
                font-size: 18px;
                font-weight: 700;
                padding-left: 25px;
            }

            .item-questions-wrapper{
                // height: 490px;
                // padding: 24px;
                height: 535px;
                padding: 0 24px 24px;
            }

            .my-page-turn{
                position: absolute;
                bottom: 0;
                border-top: 1px solid #f0f0f0;
                width: 100%;

                ul{
                    display: flex;
                    justify-content: space-around;
                    margin: 0;
                }
            }

            .user-icon{
                font-size: 50px;
                color: #69bffe;
                margin-top: 66px;
            }

            .user-name, .paper-name{
                margin: 24px 0;
                font-size: 22px;
            }

            .history-icon{
                color: #36bffe;
                font-size: 20px;
            }
    
            .history-tips{
                font-size: 20px;
            }
        }

        .my-right-card{
            text-align: center;
        }
    }
}